<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="/img/title.ico" />
    <title>incake</title>
    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    <link rel="stylesheet" type="text/css" href="../css/list.css"/>
    <script src="/lib/requirejs/require.js" data-main="/js/list"></script>
  </head>
  <body>
    <header></header>
    <main>
      <div class="box1">
        <div class="top1">
          <ul>
              <li>商品：</li>
              <li class="mr"><a href="#">全部</a></li>
              <li><a href="#">芝士系列</a></li>
              <li><a href="#">巧克力系列</a></li>
              <li><a href="#">拿破仑系列</a></li>
              <li><a href="#">慕斯系列</a></li>
              <li><a href="#">乳脂系列</a></li>
              <li><a href="#">选拼系列</a></li>
          </ul>
        </div>
        <div class="under">
          <ul>
              <li>口味：</li>
              <li><a href="#">拿破仑</a></li>
              <li><a href="#">水果</a></li>
              <li><a href="#">芝士</a></li>
              <li><a href="#">巧克力</a></li>
              <li><a href="#">慕斯</a></li>
              <li><a href="#">咖啡</a></li>
              <li><a href="#">鲜奶</a></li>
              <li><a href="#">无糖</a></li>
          </ul>
        </div>
      </div>
      <div class="prod_list"></div>
      <!-- art-template 模板 -->
      <script type="text/html" id="list_template">
        {{each list prod}}
        <div class="bj">
                  <a href="/html/detail.html?id={{prod.id}}">
             <img src="{{prod.img}}" class="img-responsive" alt="">
             <h3>{{prod.title}}</h3>
             <p>{{prod.desc}}</p>
             <h4>{{prod.price}}</h4>
               </a>
        </div>
        {{/each}}
      </script>
    </main>
    <footer></footer>
    <div class="fix">
      <div class="left">
        <img src="../img/xin.jpg"/>
      </div>
      <div class="right">
        <p>联系客服，在线咨询</p>
      </div>
    </div>
  </body>
</html>

